body{
    padding: 0;/*内间距*/
    margin: 0;/*外间距*/
}
#header{
    width: 90%;/*%相对父容器*/
    height: 134px;
    background-color: rgb(237, 237, 237);
    margin: 0 auto;/*剧中*/
    min-width: 1180px;
}
/*=====logo=======*/
/* position: absolute 绝对定位，相对于浏览器的位置，该元素，
不占据原来的位置，从文档中脱离，后面的元素会占据原来的位置
position: relative  相对定位，相对于原来位置进行的偏移，还会继续占用原来的位置
*/
.logo{
    width: 240px;
    height: 70px;
    /* background-color: blue; */
    float: left;            /*不让换行*/
    position: relative;
    top: 32px;
}
.logo a{
    display: block;
    width: 100%;
    height: 100%;
}
.logo  a img{
    width: 100%;
    height: 100%;
}

.search{
    width: 700px;
    height: 70px;
    /* background-color: bisque; */
    float: left;
    position: relative;
    top: 32px;
}
.search form{
    width: 600px;
    height: 50px;
    /* background-color: aquamarine; */
    position: relative;
    top: 10px;
    left: 50px;

}
.search form .keyword{
    width: 430px;
    height: 30px;
    position: relative;
    top: 10px;
    border-radius: 6px;
    border: 2px solid #FF0F23;
    outline: none;/*光标点击进去不要有内边框*/
    padding-left: 10px;/*左内间距*/
    padding-right: 10px;/*右内间距*/
    color: rgb(49, 49, 49);/*文字的颜色*/
    font-size: 16px;
}
.search .searchBtn{
    width: 100px;
    height: 34px;
    border: none;
    position: relative;
    top: 10px;
    background-color: #FF0F23;
    color: white;
    font-size: 14px;
    cursor: pointer;/*鼠标悬浮变小手*/
}
.login{
    width: 200px;
    height: 70px;
    /* background-color: blueviolet; */
    float: left;
    position: relative;
    top: 32px;
}
.login a{
    display: inline-block;
    width: 80px;
    height: 30px;
    /* background-color: rgb(240, 248, 206); */
    position: relative;
    top: 20px;
    text-decoration: none;/*去除超链接下滑线*/
    border: 1px solid #FF0F23;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    margin-left: 10px;

}